.flatSelectionContainer {
    display: flex;
    flex-direction: row;

    justify-content: flex-start;
    align-items: center;
    border: 0;


}
.option + .option {
    margin-left: 10px;
}

.option {
    display: flex;
    flex-direction: row;


    justify-content: center;
    align-items: center;
    height: 30px;


    border-radius: 4px;
    border: 1px solid #c8ccd8;
    color:  #c8ccd8;
    padding: 5px 15px;
    cursor: pointer;

    &.disabled {
        cursor: not-allowed;

        &:hover {
            border: 1px solid  #c8ccd8;
            color: #c8ccd8;
        }
    }

    &:hover {
        border: 1px solid  #50b855;;
        color: #50b855;;
    }

    &.selected {
        color:  #50b855;
        border: 1px solid  #50b855;;
        background: #50b85514;
        background-repeat: no-repeat;
        background-position: top 0 left 0;
        background-size: auto;
    }
}